import Vue from 'vue' // 1.引入vue
import VueRouter from 'vue-router' // 2.引入vue-touter
import Home from '../views/Home.vue'

// 3.使用vueRouter
Vue.use(VueRouter)


// 5.配置vue-router路由
const routes = [{
    path: '/', // 这是去哪里-跳转的路径
    name: 'Home', // 名称
    component: Home // 组件名称
  },
  {
    path: '/about',
    name: 'About',
    /* 
      懒加载：
        就是你需要访问的时候，再去加载，就是说，页面一次性不会加载所有的页面
        component:()=>import('路径')
    */
    component: () => import('../views/About.vue')
  },
  {
    path: '/detail',
    name: 'Detail',
    component: () => import('@/views/detail')
  }
]


// 4.new一个vueRouter实例
const router = new VueRouter({
  routes
})


// 6.暴露
export default router